javascript 动态创建table. 复制代码 代码示例: html xmlns=http://www.dismall.com/thread-957-1-1.html/a_11852/ head title添加网格数据(处理了IE兼容问题)/title script type=http://www.dismall.com/thread-957-1-1.html/a_11852/text/javascript function AppendData() { var data = {脚本学 堂:www.xuewangzhan.net， 例1， jbxue: ， 百度:， 搜狐: }; var table = document.getElementById(tblMain); for (var key in data) { var value = data[key]; var tr = table.insertRow(-1); //FireFox必须使用-1这个参数 var td1 = tr.insertCell(-1); td1.innerText = key; var td2 = tr.insertCell(-1); td2.innerHTML = a href=' + value + ' + value + /a; } } /script /head body table border=http://www.dismall.com/thread-957-1-1.html/a_11852/1 id=http://www.dismall.com/thread-957-1-1.html/a_11852/tblMain/table input type=http://www.dismall.com/thread-957-1-1.html/a_11852/button value=http://www.dismall.com/thread-957-1-1.html/a_11852/添加网格数据(处理了IE兼容问题) onclick=http://www.dismall.com/thread-957-1-1.html/a_11852/AppendData() / /body /html 例2，所以我们手工添加一个tbody tr添加到这个tbody下面 -- table id=http://www.dismall.com/thread-957-1-1.html/a_11852/tblMaintbody/tbody/table input type=http://www.dismall.com/thread-957-1-1.html/a_11852/button value=http://www.dismall.com/thread-957-1-1.html/a_11852/动态添加网格数据 onclick=http://www.dismall.com/thread-957-1-1.html/a_11852/AppendTableData() / /body /html ，javascript 动态创建table方法2， html xmlns=http://www.dismall.com/thread-957-1-1.html/a_11852/ head title动态创建表格(处理IE6兼容问题)/title script type=http://www.dismall.com/thread-957-1-1.html/a_11852/text/javascript function AppendTableData() { var table = document.getElementById(tblMain); var data = { 百度: ， 搜狐: }; for (var key in data) { var tr = document.createElement(tr); var td1 = document.createElement(td); td1.innerText = key; tr.appendChild(td1); var td2 = document.createElement(td); td2.innerHTML = a href=' + data[key] + ' + data[key] + /a; tr.appendChild(td2); //table.appendChild(tr); 把这一句替换掉 table.tBodies[0].appendChild(tr); } } /script /head body !--由于动态添加的数据在debugbar中看生成的HTML代码发现，把我们动态生成的数据给冲掉了，会自动添加一个tbody 并且内容是空的，。